﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MovieList.ascx.cs" Inherits="WoodbaseVideoRental.UserControls.MovieList" %>
<h2>Movies</h2>
<div class="intro-text">Drag the image to the user field - on the left side - to rent the movie</div>
<asp:Xml ID="xmlMovieList" runat="server" />

<!-- TODO: Moves should only be draggable once (second best is only update once) -->
<script type="text/javascript">
    $(document).ready(function () {
        $(".movie-ui-draggable").draggable(
        { 
            helper: function (event) {
                return $('<img class="ui-widget-header" src="' + $(this).find("img").attr("src") + '" style="width:50px;" />');
            },
            cursor: 'move',
            cursorAt: { left: 5 }
        });
    });
</script>